<template>
    <div class="right">
        <el-tabs v-model="tabName" type="card" @tab-click="handleTabClick">
            <el-tab-pane label="基本信息" name="first">
                <Jiben/>
            </el-tab-pane>
            <el-tab-pane label="污染分析" name="second">
                <Wuran/>
            </el-tab-pane>
            <el-tab-pane label="应急事件" name="third">
                <Yingji/>
            </el-tab-pane>
        </el-tabs>
        <!-- <button style="position:absolute:top:0;left:-100px" @click="getCenter">getCenter</button> -->
    </div>
</template>

<script>
import { mapState, mapGetters, mapMutations ,mapActions} from 'vuex'
import Jiben from './rightComponents/Jiben'
import Wuran from './rightComponents/Wuran'
import Yingji from './rightComponents/Yingji'
export default {
    components:{
        Jiben,
        Wuran,
        Yingji
    },
    data(){
        return {
            
        }
    },
    computed:{
        // ...mapState("windowInfo",{
        //     tabName:"tabName"
        // }),
        tabName:{
            get(){
                return this.$store.state.windowInfo.tabName
            },
            set(){
                
            }
        }
    },
    methods:{
        handleTabClick(){

        },
        
       
    }
}
</script>

<style lang="stylus" scoped>
    @import '../../../assets/css/varibles.styl'
    .right
        position:absolute
        right:0
        z-index:3
        width:vw(400)
        height:100%
        background:#fff
</style>